<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>美家装饰</title>
    <link rel="shortcut icon" href="bitbug_favicon.ico" type="image/x-icon"/>
    <link rel="stylesheet" href="css/message.css">
    <script src="js/index.js"></script>
</head>
<body>
<div class="container">                                                  <!--版心部分-->
    <div class="logo">                                                   <!-- logo部分-->
        <img src="images/logo.png" alt=""/>
        <div class="log-inner">
            <a href="admin/login.html" target="_blank">登录</a>
            <a href="admin/register.html" target="_blank">注册</a>
        </div>
    </div>
    <div class="nav">                                                   <!-- nav导航栏部分-->
        <ul>
            <li><a href="index.html">首页</a></li>
            <li><a href="company.html">公司介绍</a></li>
            <li><a href="products.html">产品管理</a></li>
            <li><a href="news.html">新闻动态</a></li>
            <li><a href="download.html">下载专区</a></li>
            <li><a href="employ.html">人才招聘</a></li>
            <li><a href="contact.html">联系我们</a></li>
            <li><a href="#">留信系统</a></li>
        </ul>
    </div>
    <div class="banner-main">                                             <!--  banner-main部分-->
        <!--轮播 -->
        <div class="mr-slider mr-slider-default scoll" data-mr-flexslider id="demo-slider-0">
            <div id="box">
                <ul id="imagesUI" class="list">
                    <li class="current" style="opacity: 1;"><img src="images/img_1.jpg"></li>
                    <li style="opacity: 0;"><img src="images/img_2.jpg" ></li>
                    <li style="opacity: 0;"><img src="images/img_3.jpg" ></li>
                </ul>
                <ul id="btnUI" class="count">
                    <li class="current">1</li>
                    <li class="">2</li>
                    <li class="">3</li>
                </ul>
            </div>
        </div>
    </div>
    <div class="bd">                                                   <!-- bd部分-->
        <div class="col">
            <ul>
                <li class="fl">
                    <div class="col-hd">
                        <div class="col-hd-img">
                            <img src="images/img1_03.png" alt=""/>
                            <span>最新留言</span>
                        </div>
                    </div>
                    <ul class="products">
                        <li><p>今天的团购活动很给力！--火狐</p></li>
                        <li><p>我们想学习家装知识！--肥猫</p></li>
                        <li><p>我们想学习布局知识！--蓝兔</p></li>
                    </ul>
                </li>
                <li class="fl">
                    <div class="col-hd">
                        <div class="col-hd-img">
                            <img src="images/img1_03.png" alt=""/>
                            <span>留言板</span>
                        </div>
                    </div>
                    <div class="sort">
                        <div class="center">
                            <div class="center-vip">
                                <form action="" method="post">
                                    <div class="vip">
                                        <div class="left">
                                            <div class="right">
                                                <span class="color">*</span>&nbsp;&nbsp;<span>昵称：</span>
                                            </div>
                                        </div>
                                        <input type="search" placeholder="请输入昵称" autofocus required autocomplete="on" name="id"/>&nbsp;&nbsp;&nbsp;<span class="nessary">名称必填</span>
                                    </div>
                                    <div class="vip second">
                                        <div class="left">
                                            <div class="right">
                                                <span class="color">*</span>&nbsp;&nbsp;<span>留言内容：</span>
                                            </div>
                                        </div>
                                        <textarea name="content" id="" cols="30" rows="10" style="resize:none" placeholder="请输入留言内容" required></textarea><span class="nessary nessary1">内容必填</span>
                                    </div>
                                    <div class="vip">
                                        <div class="left">
                                            <div class="right">
                                                <span>联系电话：</span>
                                            </div>
                                        </div>
                                        <input type="search" class="phone" placeholder="请输入联系电话" autocomplete="on" name="phone" required/><br/>
                                    </div>
                                    <div class="vip">
                                        <div class="left">
                                            <div class="right">
                                                <span>性别：</span>
                                            </div>
                                        </div>
                                        <select name="">
                                            <option value="">男</option>
                                            <option value="">女</option>
                                        </select>
                                    </div>
                                    <div class="vip">
                                        <div class="left">
                                            <div class="right">
                                                <span class="color">*</span>&nbsp;&nbsp;<span>验证码：</span>
                                            </div>
                                        </div>
                                        <input type="search" class="address" placeholder="请输入验证码" autocomplete="on" name="address" required/>&nbsp;&nbsp;
                                        <img src="images/prod_img/0.png" alt=""/>
                                    </div>
                                    <div class="vip">
                                        <input type="submit" value="提交"/><input type="reset" value="重置"/>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="ft">                                         <!--页面底部部分-->
        <ul>
            <li><a href="contact.html">联系我们</a></li>
            <li><a href="company.html">公司介绍</a></li>
            <li><a href="news.html">网站新闻</a></li>
            <li><a href="#">留言系统</a></li>
            <li><a href="admin/login.html" target="_blank">会员登陆</a></li>
            <li><a href="admin/register.html" target="_blank">会员注册</a></li>
        </ul>
        <p>Copyright &copy; 2017 美家装饰 ICP备10011111号</p>
    </div>
</div>
</body>
</html>